JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.js"></script>  
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.3.1/ember.debug.js"></script>

<script type="text/x-handlebars" data-template-name="index">
    <h1>Properties:</h1>
    <ul class="properties">
        {{#every properties}}
        <li>{{key}} : {{value}}</li>
        {{/every}}
    </ul>
</script>

<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
</script>

JavaScript

App = Ember.Application.create();

App.IndexRoute = Ember.Route.extend({
    model: function () {
        return {
            properties: {
                foo: 'bar',
                zoo: 'zar'
            }
        };
    }
});

Ember.Handlebars.registerHelper('every', function (context, options) {
    var oArray = [], actualData = this.get(context);
    for (var k in actualData) {
        oArray.push({
            key: k,
            value: actualData[k]
        })
    }
    this.set(context, oArray);
    return Ember.Handlebars.helpers.each.apply(this, Array.prototype.slice.call(arguments));
});