css만으로 행 수를 지정하는 방법
①2행 이상일 때는 문자를 비표시로 한다
②2행 이상일 때는 2행째의 끝에 3점 리더를 붙인다
③◯행 이상으로 비표시

※js에서도 할 수 있습니다.
②의 방법이라면 IE11 비대응입니다. (아마)

index.html

<p class="line_wrap">テキストの文章を2行を超えたら表示したく無いです。且つ、レスポンシブ対応にしたいです。</p>

①2행 이상일 때는 문자를 비표시로 한다

style.css

.line_wrap {
  overflow: hidden;
  height: 3.6em /* 2em（行）x line-heightの1.8 */
  font-size: 16px;
  line-height: 1.8;
}

표시하려는 행 수 * line-height
을 height (단위 em) 로 해 overflow:hidden 하는 것만.
3점 리더는 없지만 2줄 이상이면 문자가 표시되지 않습니다.

②2행 이상일 때는 2행째의 끝에 3점 리더를 붙인다

style.css

.line_wrap {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

2행 이상인 경우는 제대로 3점 리더가 표시됩니다. (응답 대응)

어느 쪽이 좋은지는 기호로.

◯행 이상으로 숨기기

표시 할 행 수를 사용자 정의 할 때 유용합니다.

행 수를 지정하고 싶을 때(3행, 4행,,,)시에 다음의 코드를 사용할 수 있습니다.
△이 지정하는 행 수.

style.css

.line_wrap{
 line-height: ■;
  font-size: ◎rem;
　height:calc(■ * ◎rem *△);
　overflow:hidden;
}

참고 사이트