partial.js

Leeuwenhoek.historyView = Em.View.create({
  templateName: 'history-view',
  inSetupModeBinding: 'Leeuwenhoek.historyController.inSetupMode'
});

Leeuwenhoek.SetupHistoryView = Em.View.extend({
  templateName: 'setup-history-view',
  historyBinding: 'Leeuwenhoek.historyController.content',
  firstEra: Em.computed(function() {
    // get the first era out of the history
    return null;
  }).property('history'),
  lastEra: Em.computed(function() {
    // get the last era out of the history
    return null;
  }).property('history'),
});

templates.html

<script type="text/x-handlebars" data-template-name="history-view">
{{#if inSetupMode}}
{{view Leeuwenhoek.SetupHistoryView}}
{{else}}
not setup
{{/if}}
</script>
<script type="text/x-handlebars" data-template-name="setup-history-view">
<div class="row">
  <div class="span4">
  {{view firstEraCardView}}
  </div>
  <div class="span8">
  Instructiones
  </div>
  <div class="span4">
  {{view lastEraCardView}}
  </div>
</div>
</script>
<script type="text/x-handlebars" data-template-name="era-card-view">
<div>
Era Card {{index}}
</div>
</script>