limit results of each in handlebars.js

Question

I have written a small plugin that displays tweets. following is the code that loops and displays the tweets.

Answer 1

I think you have two options:

1. Limit the size of your collection before handing it to Handlebars.
2. Write your own block helper that lets you specify a limit.

The actual each implementation is pretty simple so adapting it to include an upper limit is fairly straight forward:

// Warning: untested code
Handlebars.registerHelper('each_upto', function(ary, max, options) {
    if(!ary || ary.length == 0)
        return options.inverse(this);

    var result = [ ];
    for(var i = 0; i < max && i < ary.length; ++i)
        result.push(options.fn(ary[i]));
    return result.join('');
});

Then in your template: