itinerary.hbs

var ItineraryWizardComponent = Ember.Component.extend({
    cities: ['Rome'],
    steps: (function() {
    
    var data  = [];
    
    $.each(this.cities, function(index, city) {
    
        data.push({
        name: 'step' + ++index,
        title: 'What are you going to do in ' + city
    })
});

return data;

}).property('cities.@each')

{{#each steps}}
    <li data-target="{{name}}">
        <span class="step">2</span>
        <span class="title">{{title}}</span>
    </li>
{{/each}}