有很多问题。

• 您尝试使用的代码利用了与display: inline相关的一个怪癖，但您没有设置display: inline，而是将.truncate保留为浏览器默认值display: block。
• ready不是一个真实的事件，jQuery在使用.on('ready', ...)时不再伪造它，因此您的代码永远不会运行。
• jQuery的.height()要求参数以CSS高度值的形式出现。这意味着您需要使用一些结果，例如'50px'而不仅仅是50。
• height在内联元素上被忽略，因此必须在外部元素上设置。你所使用的代码做到了这一点，但你没有遵循它。
• 您的代码假定行数始终为两行或更多。
• overflow: hidden没有设置，所以即使容器被缩短，文本本身也会推到容器外。

总之，你的代码应该看起来像这样：

.item {
  width: 400px;
  margin: 20px;
  display: inline-block;
  overflow: hidden;
  box-sizing: content-box;
}
.truncate {
  display:inline;
}

$(document).ready( function(){
    var lines = $(".truncate")[0].getClientRects();
    var divHeight = 0;
    var max = lines.length >= 2 ? 2 : lines.length;

    for (var i=0; i < max; i++) {
        divHeight += lines[i].bottom - lines[i].top;
    }

    divHeight += i;

    $(".item").height(divHeight + 'px');
});

JSFiddle

使用css-tricks（https://css-tricks.com/line-clampin/）的css答案，假设你知道行高。

.item {
  width: 400px;
  margin: 20px;
  overflow: hidden;
}

.fade {
  position: relative;
  height: 2.4em; /* exactly two lines */
}

<div class="item fade">
    
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    
  </div>

  <div class="item fade">
   
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </div>

你可以使用css行箝位并避免使用JavaScript：

p {
  width: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp
虽然它有供应商前缀，但似乎所有供应商都支持它。