Multiple controller instances

The latest build of Ember.

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/beta/daily/20140324/ember.js"></script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index Content:</h2>
  <div>{{render "firstSection" first}}</div>
  <div>{{render "firstSection" secound}}</div>
</script>

<script type="text/x-handlebars" data-template-name="templateOne">
  Template One: {{foo}}
</script>
<script type="text/x-handlebars" data-template-name="templateTwo">
  Template Two: {{foo}}
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; }
li { border-bottom: 1px solid #333; padding: 5px 0; }

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
    renderTemplate: function(){
        this.render();
           
        var controllerOne = App.TemplateOneController.create(),
            controllerTwo = App.TemplateOneController.create();
        
        controllerOne.set('foo', 'bar');
        controllerTwo.set('foo', 'baz');
        
      
    }
});

App.TemplateOneController = Ember.ObjectProxy.extend({
    content: {},
    init: function(){
        this.set('content', {});
        return this._super.call(this, arguments);
    }
});

App.FirstSectionView = Ember.View.extend({
           
        });