jquery - レスポンシブに要素数を制限する方法

Question

リストの要素数を制限したい。要素数を動的に設定したいと思います。

私の最初のアプローチは次のとおりです。

var winHeight = $(window).height() ;
var listHeight = $('.listElement').height() * $('.listElement').length ;

if ( listHeight > (winHeight * 0.66) ){

    // If the list is larger than 66% of the screen, cut off those elements 
    // and provide buttons to flick through the list

}

見栄えが悪く、これがこれをコーディングする正しい方法であるかどうかわかりません。

より良いアプローチはありますか？