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">
        {{#unbound every properties}}
        <li>{{key}} : {{value}}</li>
        {{/unbound}}
    </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.helper('every', function (context, options) {
    var oArray = [];
    for (var k in context) {
        oArray.push({
            key: k,
            value: context[k]
        })
    }
    return Ember.Handlebars.helpers.each(oArray, options);
});